<!--
  -- 描述：可用状态下拉列表，可以用v-model双向绑定数据
  --
  -- 作者：cyq
  -- 时间：2018/9/1 12:39
-->
<template>
  <el-select placeholder="选择状态" :value="mval" @change="selectHandler" :clearable=true>
    <el-option v-for="(item,index) in list" :key="index" :label="item.name" :value="item.type"></el-option>
  </el-select>
</template>

<script>
    export default {
      name: "AvailableSelect",
      model: {
        prop: 'mval',
        event: 'modelValue'
      },
      props: ['mval'],
      data() {
        return {
          list: [
            {name:'全部', type:''},
            {name:'启用', type:'1'},
            {name:'禁用', type:'0'}
          ]
        }
      },
      methods: {
        selectHandler: function(val){
          this.$emit('modelValue', val)
        }
      }
    }
</script>
